import React,{createContext} from 'react';
import Oldexample from './useState&useEffect/oldexample';
import Newexample from './useState&useEffect/newexample';
import UseContext from './useContext/useContext';
import UseReducer from './useReducer/useReducer';
import ReducerTimeOut from './useReducer/useReducer延迟初始化优化';
import UseMemo from './useMeno/main';
import UseRef from './useRef/useRef';
import UseLayoutEffect from './useLayoutEffect/useLayoutEffect';

export const ThemeContext=createContext(null);
function App() {
  return (
    <div className="App">
      <ThemeContext.Provider value="light">
        <UseContext />
      </ThemeContext.Provider>
      <Oldexample />
      <Newexample />
      <UseReducer />
      <ReducerTimeOut />
      <UseMemo />
      <UseRef />
      <UseLayoutEffect />
    </div>
  );
}

export default App;
